<template>
  <div>
      <ul>
          <li v-for="(item, index) in list" :key="index" @click="change(item)">{{item}}</li>
      </ul>
  </div>
</template>

<script>
export default {
    data() {
        return {
            list: [
                'cart', 'info', 'monkey'
            ]
        }
    },
    methods: {
        change(item) {
            this.$bus.$emit('post', item);
        }
    }
}
</script>

<style>

</style>